<template>
  <div class="container">
    <img src="../assets/onemachine/banner.jpg" alt="">
    <div class="title">
      适用客户
    </div>
    <div class="text">
      奶茶店、小吃、酒店、服装店、珠宝店等等。
    </div>
    <div class="title features">
      特点
    </div>
    <div class="content">
      <img src="../assets/onemachine/1.jpg" alt="">
      <img src="../assets/onemachine/2.jpg" alt="">
      <img src="../assets/onemachine/3.jpg" alt="">
      <img src="../assets/onemachine/4.jpg" alt="">
      <img src="../assets/onemachine/5.jpg" alt="">
      <img src="../assets/onemachine/6.jpg" alt="">
      <img src="../assets/onemachine/7.jpg" alt="">
      <img src="../assets/onemachine/8.jpg" alt="">
    </div>
  </div>
</template>
<script>
    export default{
        data () {
            return {}
        }
    }
</script>
<style scoped>
  .container {
    width: 85%;
    margin: 0 auto;
  }

  img {
    width: 100%;
  }

  .title {
    margin-top: 60px;
    font-size: 30px;
    text-align: center;
  }

  .text {
    margin-top: 20px;
    font-size: 24px;
    text-align: center;
  }

  .features {
    margin-bottom: 20px;
  }

  .img img {
    margin-bottom: 20px;
  }

  .content {
    width: 50%;
    margin: 0 auto;
  }
</style>
